<!--title=忘记密码;css=lib/base,forget;js=lib/jquery,lib/jquery.cookie,lib/base,lib/SetColor,forget;mobile=yes-->
<body>
    <div class="content">
        <div class="content-heading">
            <div class="container margin-bottom">
                <h2 class="text-center heading">忘记密码</h2>
            </div>
        </div>
        <div class="container" id="first">
            <div class="el-loading-indicator">
                <div class="progress-circular progress-circular-inline progress-circular-">
                    <div class="progress-circular-wrapper">
                        <div class="progress-circular-inner">
                            <div class="progress-circular-left">
                                <div class="progress-circular-spinner"></div>
                            </div>
                            <div class="progress-circular-gap"></div>
                            <div class="progress-circular-right">
                                <div class="progress-circular-spinner"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading">输入用户名：</h3>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-6">
                    <div class="form-group form-group-label">
                        <label for="username" class="floating-label">用户名</label>
                        <input type="text" id="username" class="form-control">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading margin-no-top">输入邮箱：</h3>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-5">
                    <div class="form-group form-group-label margin-no-top">
                        <label for="email" class="floating-label">邮箱</label>
                        <input type="text" id="email" class="form-control">
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-2">
                    <a class="btn waves-button waves-effect waves-light" style="border-radius:30px;" id="sendMail">发送验证码</a>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading margin-no-top">输入验证码：</h3>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-6">
                    <div class="form-group form-group-label margin-no-top">
                        <label for="code" class="floating-label">验证码</label>
                        <input type="text" id="code" class="form-control">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-2 col-sm-1"></div>
                <div class="col-lg-4 col-md-6 col-sm-8 text-center">
                    <a class="btn btn-lg waves-button waves-effect waves-light" style="width: 400px;border-radius:50px;" id="nextBtn">下一步</a>
                </div>
            </div>
        </div>
        
        <div class="container" id="next" style="display: none;">
            <div class="el-loading-indicator">
                <div class="progress-circular progress-circular-inline progress-circular-">
                    <div class="progress-circular-wrapper">
                        <div class="progress-circular-inner">
                            <div class="progress-circular-left">
                                <div class="progress-circular-spinner"></div>
                            </div>
                            <div class="progress-circular-gap"></div>
                            <div class="progress-circular-right">
                                <div class="progress-circular-spinner"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading">设置新密码：</h3>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-6">
                    <div class="form-group form-group-label">
                        <label for="password" class="floating-label">密码</label>
                        <input type="password" id="password" class="form-control">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-4">
                    <h3 class="content-sub-heading margin-no-top">确认密码：</h3>
                </div>
                <div class="col-lg-4 col-md-5 col-sm-6">
                    <div class="form-group form-group-label margin-no-top">
                        <label for="confirm" class="floating-label">确认密码</label>
                        <input type="password" id="confirm" class="form-control">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-2 col-sm-1"></div>
                <div class="col-lg-4 col-md-6 col-sm-8 text-center">
                    <a id="finish" class="btn btn-lg waves-button waves-effect waves-light" style="width: 400px;border-radius:50px;">完成</a>
                </div>
            </div>
        </div>
    </div>
    <div class='footer'><p>Developed by SCH</p><p>User(Account) {VERSION}<br>Running with PHP {PHP_VER}</p></div>
    {SetColor}
    {JS}
</body>
    